body { margin:0; font-size:12px; font-family:Arial; color:#333333; background: #fff; }
#page-top-outer { background: #fff; border-bottom: 1px solid #7e7e7e; height: 92px; }
#page-top { margin: 0 auto; max-width: 1260px; min-width: 850px; position: relative; }
#logo { float: left; margin: 14px 0 0 15px; }
#logo a { display: block; }

/*  NAVIGATION ----------------------------------------------- */
#nav-holder { margin: 0 auto; max-width: 1260px; min-width: 900px; text-align: left; }
.nav-outer-repeat { background: url(../images/shared/nav/repeat.jpg) repeat-x; height: 42px; }
.nav-outer { margin: 0 auto; max-width: 1260px; min-width: 850px; }
#nav-right { float: right; position: relative; width: 225px; z-index: 0; }
#nav-right a { display: block; float: left; margin: 0px 0 0 0; }
.account-content { background: #454545 url(../images/shared/nav/account_drop_bg.gif) no-repeat bottom; display: none; left: 5px; padding-bottom: 20px; position: absolute; top: 30px; width: 170px; }
.account-drop-inner { font-size: 0px; line-height: 0px; margin: 20px auto 0 auto; width: 140px; }
.showhide-account { cursor: pointer; display: block; float: left; margin: 10px 5px 0 5px; }
.account-drop-inner a { color: #fff; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0 0 0 0; padding: 0 0 0 0; }
.account-drop-inner a:hover { color: #94b52c; }
.acc-line { background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px; font-size: 0px; height: 14px; line-height: 0px; margin-top: 0px; padding: 0; }
a#logout { margin: 10px 0 0 5px; }
a#acc-settings { background: url(../images/shared/nav/icon_acc_settings.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-details { background: url(../images/shared/nav/icon_acc_personal.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-project { background: url(../images/shared/nav/icon_acc_projects.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-inbox { background: url(../images/shared/nav/icon_acc_inbox.gif) no-repeat 0 2px; padding: 0 0 0 20px; }
a#acc-stats { background: url(../images/shared/nav/icon_acc_stats.gif) no-repeat 0 2px; padding: 0 0 0 20px; }

.nav { float: left; font-family: Arial; font-size: 13px; height: 38px; position: relative; width: auto; min-width: 920px; z-index: 500; }
.nav-divider { background: url(../images/shared/nav/divider.jpg) top no-repeat; float: left; height: 40px; width: 15px; }
.nav .table { display: table; }
.nav .select, .nav .current { display: table-cell; float: left; list-style: none; margin: 0 0px 0 0; padding: 0; white-space: nowrap; }
.nav li { float: left; height: auto; margin: 0; padding: 0; }
.nav .select a { background: url(../images/shared/nav/pro_line_0.gif); color: #fff; display: block; float: left; height: 37px; line-height: 35px; padding: 0 20px 0 20px; text-decoration: none; white-space: nowrap; }
.nav .current a { background: url(../images/shared/nav/pro_line_1.gif); color: #fff; display: block; float: left; height: 37px; line-height: 35px; padding: 0 0 0 10px; text-decoration: none; white-space: nowrap; }
.nav .current a b { background: url(../images/shared/nav/pro_line_1.gif) right top; display: block; padding: 0 20px 0 10px; }
.nav .select a:hover, .nav .select li:hover a { background: url(../images/shared/nav/pro_line_1.gif); color: #fff; cursor: pointer; padding: 0 0 0 10px; }
.nav .select a:hover b, .nav .select li:hover a b { background: url(../images/shared/nav/pro_line_1.gif) right top; cursor: pointer; display: block; float: left; padding: 0 20px 0 10px; }
.nav .select_sub { display: none; margin: 0 0 0 10px; }
/*  END NAVIGATION ----------------------------------------------- */

a.new_button { background:url(../images/new_c_icon.gif) no-repeat; line-height:28px; padding-left:34px; width:140px; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}
a.new_button:hover { color:#c00000;}

.search_button { background:url(../images/new_sc_icon.gif) no-repeat; line-height:28px; padding-left:34px; width:140px; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}

a.add_docs { background:url(../images/add-docs.gif) no-repeat; line-height:28px; padding-left:34px; width:140px; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}
a.add_docs:hover { color:#c00000;}

.search_docs { background:url(../images/search-docs.gif) no-repeat; line-height:28px; padding-left:30px; width:140px; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}

#content-outer { background: url(../images/shared/content_repeat.jpg) repeat-x; }
#content { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0 auto 0 auto; max-width: 1260px; min-width: 780px; padding: 35px 0px 30px 0px; }
#content-inner { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0 auto 0px auto; padding: 25px 0 30px 0; }
#content-table { font-size: 0px; line-height: 0px; }
#content-table th.sized { height: 15px; width: 15px; padding: 0; margin: 0; font-size: 0px; line-height: 0px; }
#content-table-inner { font-size: 12px; line-height: 12px; padding: 10px 0 20px 0; }
#tbl-border-top { background: url(../images/shared/border_bit.jpg) top repeat-x; line-height: 0; font-size: 0px; height: 15px; }
#tbl-border-bottom { background: url(../images/shared/border_bit.jpg) bottom repeat-x; line-height: 0; font-size: 0px; height: 15px; }
#tbl-border-left { background: url(../images/shared/border_bit.jpg) left repeat-y; }
#tbl-border-right { background: url(../images/shared/border_bit.jpg) right repeat-y; }
#table-content { line-height: 16px; margin: 0 10px 10px 10px; min-height: 300px; }
.topleft { background: url(../images/shared/corner_top_left.jpg) no-repeat; width:15px; height:15px; }
.topright { background: url(../images/shared/corner_top_right.jpg) no-repeat; width:15px; height:15px; }
.bottomleft { background: url(../images/shared/corner_bottom_left.jpg) no-repeat; width:15px; height:15px; }
.bottomright { background: url(../images/shared/corner_bottom_right.jpg) no-repeat; width:15px; height:15px; }
#page-heading { margin: 0 0 15px 20px; }

a:focus { outline:none;}

h1 { color: #4b4b4b; font-family: Arial; font-size: 22px; line-height: 24px; font-weight: normal; }
h2 { color: #393939; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
h3 { color: #CC0000; font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 10px; }

#icon-set { width:700px;}
#icon-set ul { margin:0; padding:0;}
#icon-set ul li { margin:0; padding:0; list-style:none; display:inline;}
#icon-set ul li a {float:left; width:105px; height:100px; display:block; text-decoration:none; text-indent:-9999em; margin:0px 30px 30px 0px;}

#icon-set ul li a.one { background: url(../images/menu/1.gif);} 
#icon-set ul li a.one:hover { background: url(../images/menu/1h.gif);} 

#icon-set ul li a.two { background:url(../images/menu/2.gif);} 
#icon-set ul li a.two:hover { background:url(../images/menu/2h.gif);} 

#icon-set ul li a.three { background:url(../images/menu/3.gif);} 
#icon-set ul li a.three:hover { background:url(../images/menu/3h.gif);} 

#icon-set ul li a.four { background:url(../images/menu/4.gif);} 
#icon-set ul li a.four:hover { background:url(../images/menu/4h.gif);} 

#icon-set ul li a.five { background:url(../images/menu/5.gif);} 
#icon-set ul li a.five:hover { background:url(../images/menu/5h.gif);} 

#icon-set ul li a.six { background:url(../images/menu/6.gif);} 
#icon-set ul li a.six:hover { background:url(../images/menu/6h.gif);} 

#icon-set ul li a.seven { background:url(../images/menu/7.gif);} 
#icon-set ul li a.seven:hover { background:url(../images/menu/7h.gif);} 

#icon-set ul li a.eight { background:url(../images/menu/8.gif);} 
#icon-set ul li a.eight:hover { background:url(../images/menu/8h.gif);} 

#icon-set ul li a.nine { background:url(../images/menu/9.gif);} 
#icon-set ul li a.nine:hover { background:url(../images/menu/9h.gif);} 

#icon-set ul li a.ten { background:url(../images/menu/10.gif);} 
#icon-set ul li a.ten:hover { background:url(../images/menu/10h.gif);} 

#icon-set ul li a.eleven { background:url(../images/menu/11.gif);} 
#icon-set ul li a.eleven:hover { background:url(../images/menu/11h.gif);} 

#icon-set ul li a.twelve { background:url(../images/menu/12.gif);} 
#icon-set ul li a.twelve:hover { background:url(../images/menu/12h.gif);} 

#icon-set ul li a.thirteen { background:url(../images/menu/13.gif);} 
#icon-set ul li a.thirteen:hover { background:url(../images/menu/13h.gif);} 

#icon-set ul li a.fourteen { background:url(../images/menu/14.gif);} 
#icon-set ul li a.fourteen:hover { background:url(../images/menu/14h.gif);} 

#icon-set ul li a.fifteen { background:url(../images/menu/15.gif);} 
#icon-set ul li a.fifteen:hover { background:url(../images/menu/15h.gif);} 


.clear { clear:both; font-size:0px; height:0; line-height:0px;}


.calc-list {}
.calc-list ul { margin:0; padding:0;}
.calc-list ul li { margin:0; padding:0; list-style:none;}
.calc-list ul li a { display:block; font-size:13px; padding-bottom:20px; color: #666666; text-decoration:none; background:url(../images/calc.png) no-repeat; padding-left:22px; line-height:16px; padding-top:2px;}
.calc-list ul li a:hover { color:#333333;}

.field { font-size:12px; padding:3px;  border:1px inset #BEBEBE;  background:#F3F3F3; }

.newcust { display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #CCCCCC;}
.sercust { display:block; padding-top:10px; margin-bottom:10px; border-bottom:0px dotted #CCCCCC;}

.table-title { background:#464646; color:#FFFFFF; font-weight: normal; border-bottom:2px solid #b80000;}

.updated { background: url(../images/tick.png) no-repeat 5px 5px #f3ddc0; padding:8px; padding-left:26px; display:block; color:#d07909; border:1px solid #d3ab77; margin-bottom:20px; font-size:12px; font-weight:bold;}

a { text-decoration:underline; color:#333333;}

.button {
	background: #222 url(../images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 12px; font-weight: bold; line-height: 1; text-transform:uppercase; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.large.button, .large.button:visited {font-size: 11px; padding: 10px 14px 9px; }
.red.button, .red.button:visited { background-color: #e62727; }
.red.button:hover { background-color: #cf2525; }
.orange.button, .orange.button:visited { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }

button {border:0px;}

.top-right { float:right; width:220px; background:#fff; padding:10px;}

.account a { float:left; display:block; width:100px; line-height:20px; background:url(../images/account.gif) no-repeat; padding-left:30px; font-weight:bold; text-decoration:none; color:#646464; text-transform:uppercase;}
.account a:hover { color:#000000;}

.logout a { float:left; display:block; width:50px; line-height:20px; background:url(../images/logout.png) no-repeat; padding-left:30px; font-weight:bold; text-decoration:none; color:#646464; text-transform:uppercase;}
.logout a:hover { color:#000000;}
